<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}Welcome!{% endblock %}</title>
        {% block stylesheets %}
           <link href={{ asset('bootstrap/css/bootstrap.min.css') }} rel="stylesheet" media="screen"> 
        {% endblock %}
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
    </head>
    <body>
{% if app.session.get('USER')   %}
        Bonjour {{ app.session.get('USER') }}
 {% endif %}
        <br>
        {% block body %}
        <div class="row-fluid">
        <div class="span2"></div>

        <div class="span8">
        <div id="MainPage" class="wrapper">
            <div id="header">
        <ul class="nav nav-tabs">
      {% block LiHome %}<li>{% endblock %}
        <a href="{{ path('front_office_homepage') }}">Home</a>
      </li>
      {% block LiProduit %}<li>{% endblock %}<a href="{{ path('front_office_produit') }}">Les Produits</a></li>
      {% block LiCategorie %}<li>{% endblock %}<a href="#">Categories</a></li>


      {% if app.session.get('USER') == true  %}
        {% block LiCompte %}<li>{% endblock %}<a href="{{ path('gestion_utilisateur_homepage', {"name":"Toto"}) }}">Mon Compte</a>
        <li><a href="{{ path('front_office_disconnect') }}">Se deconnecter</a>
      {% else %}  
        {% block LiSeConnecter %}<li style="float:right">{% endblock %}
            <a href="{{ path('front_office_connexion') }}"><u>Se connecte</u></a>      
      {% endif %}
      </li>
  
  

  

    </ul>
    </div>

            {% block MainPage %}

                

            {% endblock %}
        </div>
        </div>
        </div>
        {% endblock %}
        {% block javascripts %}{% endblock %}
    </body>
</html>
